﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="ModernShopping.Account.Register" MasterPageFile="~/ModernShopping.Master" %>

<%@ Register Src="~/WebUserControls/UCCountDown.ascx" TagName="Countdown" TagPrefix="MyUserControls" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeaderContent" runat="server">
    <link href="../Css/ModernShopping.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../Scripts/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.validate.js"></script>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine" />
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,100italic,100' rel='stylesheet' type='text/css' />

    <script type="text/javascript">
        $(document).ready(function () {
            $("#form1").validate({
                rules: {
                    <%=TxtTenDangNhap.UniqueID%>: {
                        required: true,
                        minlength: 4
                    },
                    <%=TxtMatKhau.UniqueID%>: {
                        required: true,
                        minlength: 6
                    },
                    <%=TxtNhapLaiMatKhau.UniqueID%>: {
                        required: true,
                        equalTo:  <%=TxtMatKhau.ClientID%>
                        },
                    <%=TxtTenCongTy.UniqueID%>: {
                        required: true,
                        minlength: 4
                    },
                    <%=TxtSoDienThoai.UniqueID%>: {
                        required: true,
                        minlength: 10
                    },
                    <%=TxtEmail.UniqueID%>: {
                        required: true,
                        email: true
                    },
                    <%=TxtNhapLaiEmail.UniqueID%>: {
                        required: true,
                        equalTo:  <%=TxtEmail.ClientID%>
                        },
                    <%=TxtDiaChi.UniqueID%>: {
                        required: true,
                    }
                },
                messages: {
                    <%=TxtTenDangNhap.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                        minlength: "Tên đăng nhập phải có ít nhất từ 4 kí tự trở lên"
                    },
                    <%=TxtMatKhau.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                        minlength: "Mật khẩu phải từ 6 kí tự trở lên"
                    },
                    <%=TxtNhapLaiMatKhau.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                        equalTo:  "Mật khẩu không trùng khớp"
                    },
                    <%=TxtTenCongTy.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                        minlength: "Tên công ty phải có ít nhất 4 kí tự trở lên"
                    },
                    <%=TxtSoDienThoai.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                        minlength: "số điện thoại có ít nhất từ 10 kí tự trở lên"
                    },
                    <%=TxtEmail.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                        email: "Định dạng email không hợp lệ"
                    },
                    <%=TxtNhapLaiEmail.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                        equalTo:  "Email không trùng khớp"
                    },
                    <%=TxtDiaChi.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                    }
                }
            });
        });

        function KiemTraTaiKhoan() {
            var xmlhttp;
            var username = document.getElementById('<%=TxtTenDangNhap.ClientID%>').value;
            if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            }
            else {// code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    var data = xmlhttp.responseText;
                    if (data == 'True') {
                        document.getElementById('<%=btnDangKy.ClientID%>').disabled = true;
                        document.getElementById('username').style.display="block";
                        document.getElementById('username').innerText="Tên đăng nhập này đã tồn tại trong hệ thống";
                    }else{
                        document.getElementById('<%=btnDangKy.ClientID%>').disabled = false; 
                        document.getElementById('username').style.display="none";
                    }
                }
            }
            xmlhttp.open("GET", "AccountUtil.aspx?Code=f7711d30cdda50208e57f9abe942c3a2&Username=" + username, true);
            xmlhttp.send();
        }
        function KiemTraEmail() {
            var xmlhttp;
            var email = document.getElementById('<%=TxtEmail.ClientID%>').value;
            if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            }
            else {// code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    var data = xmlhttp.responseText;
                    if (data == 'True') {
                        document.getElementById('<%=btnDangKy.ClientID%>').disabled = true;
                        document.getElementById('email').style.display="block";
                        document.getElementById('email').innerText="Email này đã tồn tại trong hệ thống";
                    }else{
                        document.getElementById('<%=btnDangKy.ClientID%>').disabled = false; 
                        document.getElementById('email').style.display="none";
                    }
                }
            }
            xmlhttp.open("GET", "AccountUtil.aspx?Code=8c95f2297a6da214e49174bee8437a15&Email=" + email, true);
            xmlhttp.send();
        }
    </script>
</asp:Content>
<asp:Content
    ID="MainContent"
    ContentPlaceHolderID="MainContent"
    runat="server">

    <div class="div-center">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <div class="title">
            <asp:Label ID="Label11"
                runat="server"
                Text="ĐĂNG KÝ TÀI KHOẢN" Height="100%" Width="100%" />
        </div>
        <div class="register">
            <div style="width: 90%; margin: 30px auto auto auto;">
                <table style="width: 100%;">
                    <tr>
                        <td colspan="4">
                            <asp:Label
                                CssClass="subheader"
                                runat="server"
                                Text="THÔNG TIN TÀI KHOẢN"
                                Width="100%"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td class="table-title-col">
                            <asp:Label ID="Label1" runat="server" Text="Tên đăng nhập:"></asp:Label>
                        </td>
                        <td class="table-input-col">
                            <asp:TextBox ID="TxtTenDangNhap"
                                runat="server"
                                onblur="KiemTraTaiKhoan()"
                                CssClass="textbox"></asp:TextBox>
                            <ajaxToolkit:FilteredTextBoxExtender
                                ID="TxtTenDangNhap_FilteredTextBoxExtender"
                                runat="server"
                                FilterType="Numbers, UppercaseLetters, LowercaseLetters"
                                Enabled="True"
                                TargetControlID="TxtTenDangNhap" />
                            <div id="username" class="error" />
                        </td>
                        <td rowspan="3" style="text-align: center">
                            <asp:Image ID="imgAvatar" runat="server" ImageUrl="~/images/web/noavatar.gif" Width="130px" />
                        </td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="table-title-col">
                            <asp:Label ID="Label2" runat="server" Text="Mật khẩu:"></asp:Label>
                        </td>
                        <td class="table-input-col">
                            <asp:TextBox ID="TxtMatKhau" runat="server" CssClass="textbox" TextMode="Password" TabIndex="1" />
                        </td>
                        <td>
                            <asp:FileUpload ID="FileUpload" runat="server" TabIndex="3" />
                        </td>
                    </tr>
                    <tr>
                        <td class="table-title-col">
                            <asp:Label ID="Label3" runat="server" Text="Nhập lại mật khẩu:"></asp:Label>
                        </td>
                        <td class="table-input-col">
                            <asp:TextBox ID="TxtNhapLaiMatKhau" runat="server" CssClass="textbox" TextMode="Password" TabIndex="2"></asp:TextBox>
                        </td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            <asp:Label ID="Label4" runat="server" CssClass="subheader" Text="THÔNG TIN CÔNG TY" Width="100%"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td class="table-title-col">
                            <asp:Label ID="Label5" runat="server" Text="Tên công ty:"></asp:Label>
                        </td>
                        <td class="table-input-col">
                            <asp:TextBox ID="TxtTenCongTy" runat="server" CssClass="textbox" TabIndex="4"></asp:TextBox>
                        </td>
                        <td class="table-title-col">
                            <asp:Label ID="Label6" runat="server" Text="Số điện thoại:"></asp:Label>
                        </td>
                        <td class="table-input-col">
                            <asp:TextBox ID="TxtSoDienThoai" runat="server" CssClass="textbox" TabIndex="5"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td class="table-title-col">
                            <asp:Label ID="Label7" runat="server" Text="Email:"></asp:Label>
                        </td>
                        <td class="table-input-col">
                            <asp:TextBox ID="TxtEmail"
                                runat="server"
                                onblur="KiemTraEmail()"
                                CssClass="textbox" TabIndex="6"></asp:TextBox>
                            <div id="email" class="error" />
                        </td>
                        <td class="table-title-col">
                            <asp:Label ID="Label8" runat="server" Text="Nhập lại Email:"></asp:Label>
                        </td>
                        <td class="table-input-col">
                            <asp:TextBox ID="TxtNhapLaiEmail" runat="server" CssClass="textbox" TabIndex="7"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td class="table-title-col">
                            <asp:Label ID="Label9" runat="server" Text="Địa chỉ:"></asp:Label>
                        </td>
                        <td class="table-input-col" colspan="3">
                            <asp:TextBox ID="TxtDiaChi" runat="server" CssClass="textbox" Width="610px" TabIndex="8"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            <asp:Label ID="Label10" runat="server" CssClass="subheader" Width="100%"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td class="table-title-col">&nbsp;</td>
                        <td class="table-input-col">
                            &nbsp;</td>
                        <td class="table-title-col">&nbsp;</td>
                        <td class="table-input-col">
                            <asp:Button ID="btnDangKy" runat="server" CssClass="button" Text="ĐĂNG KÝ" OnClick="btnDangKy_Click" TabIndex="9" />
                        </td>
                    </tr>
                    <tr>
                        <td class="table-title-col">&nbsp;</td>
                        <td class="table-input-col">&nbsp;</td>
                        <td class="table-title-col">&nbsp;</td>
                        <td class="table-input-col">&nbsp;</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <ajaxToolkit:ModalPopupExtender
        ID="ModalPopupExtender"
        runat="server"
        TargetControlID="hidden"
        PopupControlID="PanelLocationStore"
        BackgroundCssClass="modalBackground" />
    <asp:Panel
        ID="PanelLocationStore"
        runat="server"
        CssClass="modalPopup"
        align="center"
        Style="display: normal"
        Width="50%"
        Height="30%"
        HorizontalAlign="Center">
        <asp:HiddenField ID="hidden" runat="server" />
        <MyUserControls:Countdown runat="server" ID="Countdown" />
    </asp:Panel>
</asp:Content>
